<template>
	<div>
	  <div v-if="loading" class="nodata">努力加载中...</div>
	  <div v-if="!loading && dataList.length<=0" class="nodata">无数据</div>
	  <div v-if="complete && dataList.length>0" class="nodata">没有更多啦</div>
	</div>
</template>

<script>
export default {
  props: {
	complete:{
		type:Boolean,
		default:false
	},
	loading:{
		type:Boolean,
		default:true
	},
	dataList: {
		type:Array,
		default:() => []
	}
  }
}
</script>

<style scoped>
.nodata{
	padding-top:5px;
	padding-left:20px;
}
</style>
